{% include 'header.html' %}

<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>
	
	<div class="col_central">
		<p id="cabecera"><strong>Resultados de la búsqueda</strong></p>
		{% if message %}
			<div class="message">
				{{message}}
			</div>
		{% else %}
			<div class="resultados">
				<ul>
				{% for pelicula in resultados %}
					<li>
						<div class="pelicula-datos">
						<p><a href="/pelicula/?t={{pelicula.id}}">{{pelicula.titulo}}</a></p>
						<p><strong>Director:</strong> {{pelicula.director}}</p>
						<p><strong>Año:</strong> {{pelicula.anyo}}</p>
						<p><strong>Actores:</strong> {{pelicula.actores}}</p>
						<p><i>{{pelicula.sinopsis|slice:":200"}}...</i></p>
						</div>
					</li>
				{% endfor %}
				</ul>
				<div class="pagination">
						{% if palabra %}
    						<span class="step-links">
	        					{% if resultados.has_previous %}
	           				 		<a href="?page={{ resultados.previous_page_number }}&palabra={{palabra}}">Previo</a>
	        					{% endif %}
	
	        					<span class="current">
	            					Página {{ resultados.number }} de {{ resultados.paginator.num_pages }}.
	        					</span>
	
	        					{% if resultados.has_next %}
	            					<a href="?page={{ resultados.next_page_number }}&palabra={{palabra}}">Siguiente</a>
	        					{% endif %}
    						</span>
    					{% else %}
    						<span class="step-links">
	        					{% if resultados.has_previous %}
	           				 		<a href="?page={{ resultados.previous_page_number }}&titulo={{titulo}}&director={{director}}&actores={{actores}}&anyo={{anyo}}">Previo</a>
	        					{% endif %}
	
	        					<span class="current">
	            					Página {{ resultados.number }} de {{ resultados.paginator.num_pages }}.
	        					</span>
	
	        					{% if resultados.has_next %}
	            					<a href="?page={{ resultados.next_page_number }}&titulo={{titulo}}&director={{director}}&actores={{actores}}&anyo={{anyo}}">Siguiente</a>
	        					{% endif %}
    						</span>
    					{% endif %}
				</div>
			</div>
		{% endif %}
	</div>
	<div class="col_der">{% include 'menu_der.html' %}</div>
</div>

{% include 'footer.html' %}